<?php
include('segurancauser.php');
protegePagina(); // Chama a função que protege a página
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EMEJ 2013 - Inscrição: Etapa 1</title>
<?php include('includes.php'); ?>
<?php include('functions.php'); ?>
<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
	$(".various").fancybox({
		maxWidth	: 490,
		maxHeight	: 280,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});

var g_iCount = new Number();
var g_iCount = 6;
var temporizador;

function ajax_cron(src)
{
	document.getElementById("pag").value = src;
	clearTimeout(temporizador);
	temporizador = 0;
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("formquartos").innerHTML=xmlhttp.responseText;
			g_iCount = 6;
			temporizador = setTimeout('startCountdown()',1000);
		}
	}
	xmlhttp.open("GET","hospedagem_cron.php?"+src,true);
	xmlhttp.send();
}

function startCountdown()
{
	if((g_iCount - 1) >= 0)
	{
		g_iCount = g_iCount - 1;
		document.getElementById("temporizador").innerHTML = '' + g_iCount;
		temporizador = setTimeout('startCountdown()',1000);
	}
	else
	{
		ajax_cron(document.getElementById("pag").value);
	}
}
</script>
</head>
<style type="text/css">
body{
font: normal 12px/1.1em Arial,Sans-Serif;
font-family: 'GeoSlab',Arial, Helvetica, sans-serif, Tahoma;	
}
#contagem{
	width:150px;
	height:30px;
	float:right;
	font-size:18px;
	color:#999999;	
}
/* ---------------QUARTOS---------------*/

#container-quartos{
	padding-left:26px;
	padding-right:26px;	
}

#container-quartos a{
	text-decoration:none;
}

#container-quartos a:hover .verde{
	background-color:#060;
}
#container-quartos a:hover .vermelho{
	background-color:#900;
}
.umQuarto{
	width: 120px;
	height: 100px;
	color:#FFF;	
	margin:15px;
	float:left;
	background-image:url(images/fechadura.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	/*cursor:pointer;*/
}
.umQuarto p{
	text-align:center;
	font-size:14px;
}
.verde{
	background-color:#009900;
}
.vermelho{
	background-color:#C00;
}

/* -------------PAGINAÇÃO-----------------*/
#paginacao{
	width:425px;
	height:25px;
	margin:0 auto;
	background-color:#999;
	text-align:center;
}

#paginacao a{
	color:#FFF;	
}
</style>
<body>
<div id="contagem">
	<span>atualizando em <span id="temporizador">5</span> <img src="images/ajax-loader.gif" /> </span>
</div><!--contagem-->
<?php
// Verifica se encontrou algum registro com mesmo email ou cpf
if (isset($_GET['msg']))
{
	if($_GET['msg']==1)
	{
		$formee = 'formee-msg-success';
		$msg = 'Sua reserva foi registrada com sucesso!';
	}
	elseif($_GET['msg']==2)
	{
		$formee = 'formee-msg-error';
		$msg = 'Não foi possível realizar sua reserva.';
	}
	echo "<script type='text/javascript'> showAlert('$formee','<h3>$msg</h3>','msg-ok');</script>";

}
?>
<form class="formee" id="formquartos" action="" method="post">
    <div id="msg"></div><!--erros, warnings irão aparecer aqui-->
    <fieldset id="formulario1" style="margin-bottom:0">
        <legend>Quartos</legend>
        <div id="container-quartos">
        </div><!--container-quartos-->
    </fieldset>
</form>
<input name="pag" id="pag" type="hidden" value="p=1" />
<script>
ajax_cron(document.getElementById("pag").value);
</script>
</body>
</html>